import React, { Component } from 'react'
import './css/01-index.css' // 直接导入css文件

export default class App
 extends Component {
  render() {
    var myname = "zane"
    var obj = {
        backgroundColor:"yellow",
        fontSize:"30px"  // -改为驼峰命名法
    }
    return (
      <div>
            {10+20} - {myname}

            {10>20?'aaa':'bbb'}

            <div style={obj}>666666</div>
            <div style={{background:"red"}}>777</div>

            {
            /*
            React推荐使用行内样式，因为其认为每个组件都是独立的整体
            */
            }

            <div className = "active">999999</div>
            <div id = "myapp">zzzzzzzz</div>

            <label htmlFor="username">用户名：</label>
            <input type="text" id='username'/>
      </div>
    )
  }
}
